<jsp:useBean id="totalInventoryGoods" scope="request" type="java.lang.Integer"/>
<jsp:useBean id="numberNotShipped" scope="request" type="java.lang.Integer"/>
<jsp:useBean id="afterSalesNumber" scope="request" type="java.lang.Integer"/>
<jsp:useBean id="numberCompletedOrd" scope="request" type="java.lang.Integer"/>
<jsp:useBean id="administrator" scope="request" type="com.xm.entity.AdministratorInformation"/>
<%--
Created by IntelliJ IDEA.
User: kwc13
Date: 2023-12-6
Time: 上午 08:09
To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>小米商城后台管理</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <!-- 引入animateNumber插件文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-animateNumber/0.0.14/jquery.animateNumber.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/background/gaud.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/background/matter.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/background/index.js"></script>

    <!-- CSS -->
    <link href="${pageContext.request.contextPath}/other/style/background/index.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<div class="administrator-information">
    <div class="personal-information">
        <div class="avatar">
            <img src="http://localhost:8083/resource_packs/images/${administrator.avatar}" class="avatar-img"
                 alt="头像">
        </div>
    </div>
    <div class="administrator-text">
        <span class="administrator-name">${administrator.name}</span><br>
        <span class="date">
                <c:if test="${administrator.signature == null}">
                    手机号 :${administrator.phone}
                </c:if>
                <c:if test="${administrator.signature != null}">
                    签名 : ${administrator.signature}
                </c:if>
            </span>
        <span class="administrator-sex">性别 : ${administrator.sex == 0 ? '男' : '女'}</span>
        <span class="administrator-mail">邮箱 : ${administrator.mailbox}</span>
        <span class="administrator-id">ID : ${administrator.informationId}</span>
    </div>
    <div class="weather-forecast">
        <img src="http://localhost:8083/resource_packs/images/loading.gif" class="loading" alt="加载中">
        <div class="subassembly" style="display: none;">
            <div class="date">
                <a id="current-time"></a>
            </div>
            <div class="weather">
                <img src="http://localhost:8083/resource_packs/images/cloudy.png" alt="天气图标">
                <div>
                    <a>天气 :</a><span class="cloudy"></span>
                    <a>温度 :</a><span class="temperature"></span><a>℃</a>
                    <a>风力 :</a><span class="wind"></span>
                    <a>风向 :</a><span class="win-power"></span>
                    <a>湿度 :</a><span class="humidity"></span>
                </div>
            </div>
            <div class="location">
                <span>今天</span><span class="winPower"></span><span class="region"></span>
                <span class="location-text"></span>
            </div>
        </div>
    </div>
</div>
<div class="efficiency">
    <div class="data">
        <div class="individual-data">
            <img src="http://localhost:8083/resource_packs/images/finish_order.png" alt="完成订单数量">
            <span>
                完成订单:
                <a class="number-completed-ord number" number-completed-ord="${numberCompletedOrd}">10</a>
                <p><a href="/www.xiaomi.com/background/home?menuId=104" style="text-decoration: none;color: #424242">查看物流管理 ></a></p>
            </span>
        </div>
        <div class="individual-data">
            <img src="http://localhost:8083/resource_packs/images/continued_orders.png" alt="代发货订单">
            <span>
                待发货订单:
                <a class="number-not-shipped number" number-not-shipped="${numberNotShipped}">10</a>
                <p><a href="/www.xiaomi.com/background/home?menuId=108" style="text-decoration: none;color: #424242">查看待发货订单 ></a></p>
            </span>
        </div>
    </div>
    <div class="data">
        <div class="individual-data">
            <img src="http://localhost:8083/resource_packs/images/finish_order.png" alt="完成订单数量">
            <span>
                待处理售后:
                <a class="after-sales-number number" after-sales-number="${afterSalesNumber}">10</a>
                <p><a href="/www.xiaomi.com/background/home?menuId=106" style="text-decoration: none;color: #424242">查看售后管理 ></a></p>
            </span>
        </div>
        <div class="individual-data">
            <img src="http://localhost:8083/resource_packs/images/continued_orders.png" alt="代发货订单">
            <span>
                商品库存:
                <a class="total-inventory-goods number" total-inventory-goods="${totalInventoryGoods}">10</a>
                <p><a href="/www.xiaomi.com/background/home?menuId=101" style="text-decoration: none;color: #424242">查看库存管理 ></a></p>
            </span>
        </div>
    </div>
    <jsp:useBean id="mattersList" scope="request" type="java.util.List"/>
    <c:if test="${mattersList.size() != 0}">
        <div class="message">
            <div class="warning">
                <img src="http://localhost:8083/resource_packs/images/warn.png" alt="警告">
                <span>警告</span>
                <a>共有 ${mattersList.size()} 个警告 </a>
            </div>
            <div class="warning-context">
                <c:forEach items="${mattersList}" var="matters">
                    <div class="warn-text">
                        <span title="${matters.mattersTitle}">${matters.mattersTitle}</span>
                        <a>${matters.mattersDate}</a>
                        <button class="dispose-matters" matters-id="${matters.mattersId}">处理</button>
                    </div>
                </c:forEach>
            </div>
        </div>
    </c:if>
</div>
</body>
</html>
